﻿<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>日本直邮</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="css/sm-extend.css">
    <link rel="stylesheet" href="css/wjystyle.css">
    <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
</head>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page">
            <!-- 标题栏开始 -->
            <header class="bar bar-nav">
               	<a class="icon icon-left pull-left open-panel" href="my_page.html"></a>
                <h1 class="title">安全中心</h1>
            </header>
            <!-- 标题栏结束 -->
            
            <!-- 这里是页面内容区开始 -->
            <div class="content">
               <div class="safe-block">
                    <div class="img1"><img src="image/anquan.jpg"></div>
                    <a href="safe-psw.html" class="clearfix"><span class="mima" class="fl">密码修改</span><span class="fr">修改</span></a>
                    <a href="#" class="clearfix"><span class="email" class="fl">邮箱绑定</span><span  class="fr">绑定您的邮箱</span></a>
                    <a href="#" class="clearfix"><span class="phone" class="fl">手机号已绑定</span><span  class="fr">修改绑定的手机</span></a>         
               </div>               
            </div>
            <!-- 这里是页面内容区结束 -->
        </div>
    </div>
</html>